<template>
    <div id="child" v-once>
      <div>
        <slot name="header">我是头部</slot>
        <slot name="footer">我是底部</slot>
      </div>
    </div>
</template>

<script>
  export default {
    name: 'child',
    props:{content:String},
    data(){
      return {
        relation:'brother'
      }
    },
    methods:{

    }
  }
</script>

<style scoped>
  div{
    background: #42b983;
    margin-bottom: 20px;
    padding: 5px 0;
  }
</style>
